<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:import url="/NewsIndexServlet" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>TechNews - HTML and CSS Template</title>
<!-- Bootstrap -->
<link href="/News/assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Theme Style -->
<link href="/News/assets/css/style.css" rel="stylesheet">
<link href="/News/assets/css/index.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar">
	<div id="main-wrapper">
		<!-- Page Preloader -->
		<div id="preloader">
			<div id="status">
				<div class="status-mes"></div>
			</div>
		</div>
		<!-- preloader -->
		<div class="uc-mobile-menu-pusher">
			<div class="content-wrapper">
				<section id="header_section_wrapper" class="header_section_wrapper">
					<div class="container">
						<div class="header-section">
							<div class="row">
								<div class="col-md-4">
									<div class="left_section">
										<span class="date"> </span>
										<!-- Date -->
										<span class="time"> </span>
										<!-- Time -->
										<div class="social">
											<a class="icons-sm fb-ic"><i class="fa fa-facebook"></i></a>
											<!--Twitter-->
											<a class="icons-sm tw-ic"><i class="fa fa-twitter"></i></a>
											<!--Google +-->
											<a class="icons-sm inst-ic"><i class="fa fa-instagram">
											</i></a>
											<!--Linkedin-->
											<a class="icons-sm tmb-ic"><i class="fa fa-tumblr"> </i></a>
											<!--Pinterest-->
											<a class="icons-sm rss-ic"><i class="fa fa-rss"> </i></a>
										</div>
										<!-- Top Social Section -->
									</div>
									<!-- Left Header Section -->
								</div>
								<div class="col-md-4">
									<div class="logo">
										<a href="index.jsp"><img src="assets/img/logo.png"
											alt="Tech NewsLogo" width="200px" height="50px"></a>
									</div>
									<!-- Logo Section -->
								</div>
								<div class="col-md-4">
									<div class="right_section">
										<ul class="nav navbar-nav">
											<li><a href="logIn.jsp">登录</a></li>
											<li><a href="register.jsp">注册</a></li>

										</ul>
										<!-- Language Section -->

										<!-- Search Section -->
									</div>
									<!-- Right Header Section -->
								</div>
							</div>
							<
							<!-- Header Section -->

							<div class="navigation-section">
								<nav class="navbar m-menu navbar-default">
									<div class="container">
										<!-- Brand and toggle get grouped for better mobile display -->
										<div class="navbar-header">
											<button type="button" class="navbar-toggle collapsed"
												data-toggle="collapse" data-target="#navbar-collapse-1">
												<span class="sr-only">Toggle navigation</span> <span
													class="icon-bar"></span> <span class="icon-bar"></span> <span
													class="icon-bar"></span>
											</button>
										</div>
										<!-- Collect the nav links, forms, and other content for toggling -->
										<div class="collapse navbar-collapse" id="#navbar-collapse-1">
											<ul class="nav navbar-nav main-nav">
												<li class="active"><a href="index.jsp">首页</a></li>
												<li><a href="/News/NewsCategoryServlet?newsType=移动设备">移动设备</a></li>
												<li><a href="/News/NewsCategoryServlet?newsType=平板电脑">平板电脑</a></li>
												<li><a href="/News/NewsCategoryServlet?newsType=产品">产品</a></li>
												<li><a href="/News/NewsCategoryServlet?newsType=照相机">照相机</a></li>
												<li><a href="/News/NewsCategoryServlet?newsType=设计">设计</a></li>
												<li><a href="/News/NewsCategoryServlet?newsType=其他">其他新闻</a></li>

											</ul>
										</div>
										<!-- .navbar-collapse -->
									</div>
									<!-- .container -->
								</nav>
								<!-- .nav -->
							</div>
							<!-- .navigation-section -->
						</div>
						<!-- .container -->
				</section>
				<!-- header_section_wrapper -->

				<section id="feature_news_section" class="feature_news_section">
					<div class="container">
						<div class="row">
							<c:forEach var="NewsHeat"
								items="${indexMap.queryNewsHeatNumList }" end="0">
								<div class="col-md-7">
									<div class="feature_article_wrapper">
										<div class="feature_article_img">
											<img class="img-responsive top_static_article_img"
												id="hotimg" src="/News/assets/img/news/${NewsHeat.newsImg}"
												alt="feature-top" />
										</div>
										<!-- feature_article_img -->

										<div class="feature_article_inner">
											<div class="tag_lg red">
												<a href="#">热点新闻</a>
											</div>
											<div class="feature_article_title">
												<h1>
													<a href="/News/NewsSingleServlet?newsId=${NewsHeat.newsId}"
														target="_self">${NewsHeat.newsHeadline}</a>
												</h1>
											</div>
											<!-- feature_article_title -->

											<div class="feature_article_date">
												<a href="" target="_self">时间</a>,<a href="#" target="_self">${NewsHeat.newsDate}</a>
											</div>
											<!-- feature_article_date -->

											<div class="feature_article_content">${NewsHeat.newsIntro}</div>
											<!-- feature_article_content -->

											<div class="article_social">
												<span><i class="fa fa-comments-o"></i><a href="#">${NewsHeat.newsHeat}</a>
													热度</span> <span><i class="fa fa-comments-o"></i><a href="#">${NewsHeat.newsReviewNum}</a>
													评论</span>
											</div>
											<!-- article_social -->
										</div>
										<!-- feature_article_inner -->
									</div>
									<!-- feature_article_wrapper -->
								</div>
							</c:forEach>
							<!-- col-md-7 -->

							<div class="col-md-5">
								<c:forEach var="NewsHeat"
									items="${indexMap.queryNewsHeatNumList }" begin="1" end="1">
									<div class="feature_static_wrapper">
										<div class="feature_article_img">
											<img class="img-responsive"
												src="/News/assets/img/news/${NewsHeat.newsImg}"
												alt="feature-top" />
										</div>
										<!-- feature_article_img -->

										<div class="feature_article_inner">
											<div class="tag_lg purple">
												<a href="category.jsp">头条新闻</a>
											</div>
											<div class="feature_article_title">
												<h3>
													<a href="/News/NewsSingleServlet?newsId=${NewsHeat.newsId}"
														target="_self">${NewsHeat.newsHeadline}</a>
												</h3>
											</div>
											<!-- feature_article_title -->
											<div class="feature_article_date">
												<a href="#" target="_self">时间</a>,<a href="#" target="_self">${NewsHeat.newsDate}</a>
											</div>
											<!-- feature_article_date -->

											<div class="feature_article_content">${NewsHeat.newsIntro}</div>
											<!-- feature_article_content -->

											<div class="article_social">
												<span><i class="fa fa-comments-o"></i><a href="#">${NewsHeat.newsHeat}</a>
													热度</span> <span><i class="fa fa-comments-o"></i><a href="#">${NewsHeat.newsReviewNum}</a>
													评论</span>
											</div>
											<!-- article_social -->
										</div>
										<!-- feature_article_inner -->
									</div>
								</c:forEach>
								<!-- feature_static_wrapper -->
							</div>
							<!-- col-md-5 -->
							<c:forEach var="NewsHeat"
								items="${indexMap.queryNewsHeatNumList }" begin="2" end="2">
								<div class="col-md-5">
									<div class="feature_static_last_wrapper">
										<div class="feature_article_img">
											<img class="img-responsive" id="hotnavimg"
												src="/News/assets/img/news/${NewsHeat.newsImg}"
												alt="feature-top" />
										</div>
										<!-- feature_article_img -->

										<div class="feature_article_inner">
											<div class="tag_lg blue">
												<a href="category.jsp">头条新闻</a>
											</div>

											<div class="feature_article_title">
												<h3>
													<a href="/News/NewsSingleServlet?newsId=${NewsHeat.newsId}"
														target="_self">${NewsHeat.newsHeadline}</a>
												</h3>
											</div>
											<!-- feature_article_title -->

											<div class="feature_article_date">
												<a href="#" target="_self">时间</a>,<a href="#" target="_self">${NewsHeat.newsDate}</a>
											</div>
											<!-- feature_article_date -->

											<div class="feature_article_content">${NewsHeat.newsIntro}</div>
											<!-- feature_article_content -->

											<div class="article_social">
												<span><i class="fa fa-comments-o"></i><a href="#">${NewsHeat.newsHeat}</a>
													热度</span> <span><i class="fa fa-comments-o"></i><a href="#">${NewsHeat.newsReviewNum}</a>
													评论</span>
											</div>
											<!-- article_social -->
										</div>
										<!-- feature_article_inner -->
									</div>
									<!-- feature_static_wrapper -->
								</div>
							</c:forEach>
							<!-- col-md-5 -->
						</div>
						<!-- Row -->
					</div>
					<!-- container -->
				</section>
				<!-- Feature News Section -->

				<section id="category_section" class="category_section">
					<div class="container">
						<div class="row">
							<div class="col-md-8">
								<div class="category_section mobile">
									<div class="article_title header_purple">
										<h2>
											<a href="category.jsp" target="_self">移动设备</a>
										</h2>
									</div>
									<!----article_title------>
									<div class="category_article_wrapper">
										<div class="row">
											<c:forEach var="Mobile"
												items="${indexMap.queryNewsTypeMobileNumList }"
												varStatus="loopStatus">

												<c:if test="${loopStatus.index == 0}">
													<div class="col-md-6">
														<div class="top_article_img">
															<a href="/News/NewsSingleServlet?newsId=${Mobile.newsId}"
																target="_self"><img class="img-responsive"
																id="topimg"
																src="/News/assets/img/news/${Mobile.newsImg}"
																alt="feature-top" /> </a>
														</div>
														<!----top_article_img------>
													</div>
													<div class="col-md-6">
														<span class="tag purple"><a href="category.jsp"
															target="_self">移动设备</a></span>

														<div class="category_article_title">
															<h2>
																<a
																	href="/News/NewsSingleServlet?newsId=${Mobile.newsId}"
																	target="_self">${Mobile.newsHeadline } </a>
															</h2>
														</div>
														<!----category_article_title------>
														<div class="category_article_date">
															<span class="media-date"><a href="#">${Mobile.newsDate }</a>,
																作者 <a>${Mobile.newsAuthor }</a></span>
														</div>
														<!----category_article_date------>
														<div class="category_article_content">${Mobile.newsIntro }</div>
														<!----category_article_content------>
														<div class="media_social">
															<span><i class="fa fa-comments-o"></i><a href="#">${Mobile.newsHeat }</a>
																热度</span> <span><i class="fa fa-comments-o"></i><a>${Mobile.newsReviewNum }</a>
																评论</span>
														</div>
														<!----media_social------>
													</div>
												</c:if>
											</c:forEach>
										</div>
									</div>
									<div class="category_article_wrapper">
										<div class="row">
											<c:forEach var="Mobile"
												items="${indexMap.queryNewsTypeMobileNumList }"
												varStatus="loopStatus" begin="1">
												<div class="col-md-6">
													<div class="media">
														<div class="media-left">
															<a href="#"><img class="media-object" id="navimg"
																src="/News/assets/img/news/${Mobile.newsImg}"
																alt="Generic placeholder image" /></a>
														</div>
														<div class="media-body">
															<span class="tag purple"><a href="category.jsp"
																target="_self">移动设备</a></span>

															<h3 class="media-heading">
																<a
																	href="/News/NewsSingleServlet?newsId=${Mobile.newsId}"
																	target="_self">${Mobile.newsHeadline}</a>
															</h3>
															<span class="media-date"><a href="#">${Mobile.newsDate}</a>,
																作者 <a>${Mobile.newsAuthor }</a></span>

															<div class="media_social">
																<span><i class="fa fa-comments-o"></i><a href="#">${Mobile.newsHeat }</a>
																	热度</span> <span><i class="fa fa-comments-o"></i><a>${Mobile.newsReviewNum }</a>
																	评论</span>
															</div>
														</div>
													</div>
												</div>
											</c:forEach>

										</div>
									</div>
									<p class="divider">
										<a href="/News/NewsCategoryServlet?newsType=移动设备">更多精彩新闻&nbsp;&raquo;</a>
									</p>
								</div>
								<!-- Mobile News Section -->

								<div class="category_section tablet">
									<div class="article_title header_pink">
										<h2>
											<a href="category.jsp" target="_self">平板电脑</a>
										</h2>
									</div>
									<!-- Mobile News Section -->

									<div class="category_article_wrapper">
										<div class="row">
											<c:forEach var="Tablet"
												items="${indexMap.queryNewsTypeTabletNumList }"
												varStatus="loopStatus">

												<div class="col-md-6">
													<div class="category_article_body">
														<div class="top_article_img">
															<a href="/News/NewsSingleServlet?newsId=${Tablet.newsId}"
																target="_self"> <img class="img-responsive"
																id="Tablet"
																src="/News/assets/img/news/${Tablet.newsImg}"
																alt="feature-top" />
															</a>
														</div>
														<!-- top_article_img -->

														<span class="tag pink"><a href="category.jsp"
															target="_self">平板</a></span>

														<div class="category_article_title">
															<h2>
																<a
																	href="/News/NewsSingleServlet?newsId=${Tablet.newsId}"
																	target="_self">${Tablet.newsHeadline} </a>
															</h2>
														</div>
														<!-- category_article_title -->

														<div class="article_date">
															<span class="media-date"><a href="#">${Tablet.newsDate}</a>,
																作者 <a>${Tablet.newsAuthor }</a></span>
														</div>
														<!----article_date------>
														<!-- article_date -->

														<div class="category_article_content">
															${Tablet.newsIntro}</div>
														<!-- category_article_content -->

														<div class="media_social">
															<span> <i class="fa fa-comments-o"></i><a href="#"
																target="_self"> <i class="fa fa-share-alt"></i>${Tablet.newsHeat}
															</a> 热度
															</span> <span> <a href="#" target="_self"><i
																	class="fa fa-comments-o"></i>${Tablet.newsReviewNum}</a> 评论
															</span>
														</div>
														<!-- media_social -->
													</div>
													<!-- category_article_body -->
												</div>
											</c:forEach>
										</div>
										<!-- row -->
									</div>
									<!-- category_article_wrapper -->

									<p class="divider">
										<a href="/News/NewsCategoryServlet?newsType=平板电脑">更多精彩新闻&nbsp;&raquo;</a>
									</p>
								</div>
								<!-- Tablet News Section -->

								<div class="category_section gadget">
									<div class="article_title header_black">
										<h2>
											<a href="category.jsp" target="_self">产品</a>
										</h2>
									</div>
									<div class="category_article_wrapper">
										<div class="row">
											<div class="col-md-6">
												<c:forEach var="Product"
													items="${indexMap.queryNewsTypeProductNumList }"
													varStatus="loopStatus" end="0">
													<div class="category_article_body">
														<div class="top_article_img">
															<a
																href="/News/NewsSingleServlet?newsId=${Product.newsId}"
																target="_self"> <img class="img-responsive"
																id="Productimgtop"
																src="/News/assets/img/news/${Product.newsImg}"
																alt="feature-top" />
															</a>
														</div>
														<!-- top_article_img -->
														<span class="tag black"><a href="category.jsp"
															target="_self">产品</a></span>

														<div class="category_article_title">
															<h2>
																<a
																	href="/News/NewsSingleServlet?newsId=${Product.newsId}"
																	target="_self">${Product.newsHeadline}</a>
															</h2>
														</div>
														<!-- category_article_title -->

														<div class="article_date">
															<span class="media-date"><a href="#">${Product.newsDate}</a>,
																作者 <a>${Product.newsAuthor }</a></span>
														</div>
														<!----article_date------>
														<div class="category_article_content">
															${Product.newsIntro}</div>
														<!-- category_article_content -->

														<div class="media_social">
															<span> <a href="#" target="_self">${Product.newsHeat}
															</a> 热度
															</span> <span> <a href="#" target="_self">${Product.newsReviewNum}</a>
																评论
															</span>
														</div>
														<!-- media_social -->
													</div>
												</c:forEach>
												<!-- category_article_body -->

												<div class="category_article_list">
													<c:forEach var="Product"
														items="${indexMap.queryNewsTypeProductNumList }"
														varStatus="loopStatus" begin="1" end="2">

														<div class="media">
															<div class="media-left">
																<a
																	href="/News/NewsSingleServlet?newsId=${Product.newsId}"><img
																	class="media-object" id="Productimgnav"
																	src="/News/assets/img/news/${Product.newsImg}" /></a>
															</div>
															<div class="media-body">
																<span class="tag black"><a href="category.jsp"
																	target="_self">产品</a></span>

																<h3 class="media-heading">
																	<a
																		href="/News/NewsSingleServlet?newsId=${Product.newsId}"
																		target="_self">${Product.newsHeadline}</a>
																</h3>
																<span class="media-date"><a href="#">${Product.newsDate}</a>,
																	作者 <a>${Product.newsAuthor }</a></span>
																<div class="media_social">
																	<span><a href="#">${Product.newsHeat}</a> 热度</span> <span><a
																		href="#"><i class="fa fa-comments-o"></i>${Product.newsReviewNum}</a>
																		评论</span>
																</div>
															</div>
														</div>
													</c:forEach>
												</div>
												<!-- category_article_list -->
											</div>
											<!-- col-md-6 -->

											<div class="col-md-6">
												<c:forEach var="Product"
													items="${indexMap.queryNewsTypeProductNumList }"
													varStatus="loopStatus" begin="3" end="3">
													<div class="category_article_body">
														<div class="top_article_img">
															<a
																href="/News/NewsSingleServlet?newsId=${Product.newsId}"
																target="_self"> <img class="img-responsive"
																id="Productfooterimg"
																src="/News/assets/img/news/${Product.newsImg}"
																alt="feature-top" />
															</a>
														</div>
														<!-- top_article_img -->

														<span class="tag black">产品</span>

														<div class="category_article_title">
															<h2>
																<a
																	href="/News/NewsSingleServlet?newsId=${Product.newsId}"
																	target="_self">${Product.newsHeadline}</a>
															</h2>
														</div>
														<!-- category_article_title -->

														<div class="article_date">
															<span class="media-date"><a>${Product.newsDate}</a>,
																作者 <a>${Product.newsAuthor }</a></span>
														</div>
														<!-- article_date -->

														<div class="category_article_content">
															${Product.newsIntro}</div>
														<!-- category_article_content -->

														<div class="article_social">
															<span> <a href="#" target="_self"> <i
																	class="fa fa-share-alt"></i>${Product.newsHeat}
															</a> 热度
															</span> <span> <a href="#" target="_self"><i
																	class="fa fa-comments-o"></i>${Product.newsReviewNum}</a>
																评论
															</span>
														</div>
														<!-- article_social -->
													</div>
												</c:forEach>
												<!-- category_article_body -->
											</div>
										</div>
										<!-- row -->
									</div>
									<!-- category_article_wrapper -->

									<p class="divider">
										<a href="/News/NewsCategoryServlet?newsType=产品">更多精彩新闻&nbsp;&raquo;</a>
									</p>
								</div>
								<!-- Gadget News Section -->

								<div class="category_section camera">
									<div class="article_title header_orange">
										<h2>
											<a href="category.jsp" target="_self">照相机</a>
										</h2>
									</div>
									<!-- article_title -->
									<div class="category_article_wrapper">
										<c:forEach var="Camera"
											items="${indexMap.queryNewsTypeCameraNumList }">
											<div class="row">
												<div class="col-md-5">
													<div class="top_article_img">
														<a href="/News/NewsSingleServlet?newsId=${Camera.newsId}"
															target="_self"> <img class="img-responsive"
															id="Cameraimg"
															src="/News/assets/img/news/${Camera.newsImg}"
															alt="feature-top" />
														</a>
													</div>
													<!-- top_article_img -->
												</div>
												<div class="col-md-7">
													<span class="tag orange"><a href="category.jsp"
														target="_self">照相机</a></span>

													<div class="category_article_title">
														<h2>
															<a href="/News/NewsSingleServlet?newsId=${Camera.newsId}"
																target="_self">${Camera.newsHeadline}</a>
														</h2>
													</div>
													<!-- category_article_title -->

													<div class="article_date">
														<span class="media-date"><a href="#">${Camera.newsDate}</a>,
															作者 <a>${Camera.newsAuthor }</a></span>
													</div>
													<!----article_date------>
													<!-- category_article_wrapper -->

													<div class="category_article_content">${Camera.newsIntro}</div>
													<!-- category_article_content -->

													<div class="media_social">
														<span> <a href="#" target="_self"> <i
																class="fa fa-share-alt"></i>${Camera.newsHeat}
														</a> 热度
														</span> <span> <a href="#" target="_self"><i
																class="fa fa-comments-o"></i>${Camera.newsReviewNum}</a> 评论
														</span>
													</div>
													<!-- media_social -->
												</div>
												<!-- col-md-7 -->

											</div>
										</c:forEach>
										<!-- row -->
									</div>
									<p class="divider">
										<a href="/News/NewsCategoryServlet?newsType=照相机">更多精彩新闻&nbsp;&raquo;</a>
									</p>
								</div>
								<!-- Camera News Section -->

								<div class="category_section design">
									<div class="article_title header_blue">
										<h2>
											<a href="category.jsp" target="_self">设计</a>
										</h2>
									</div>
									<!-- row -->

									<div class="category_article_wrapper">
										<div class="row">
											<c:forEach var="Design"
												items="${indexMap.queryNewsTypeDesignNumList }">
												<div class="col-md-6">
													<div class="category_article_body">
														<div class="top_article_img">
															<a href="/News/NewsSingleServlet?newsId=${Design.newsId}"
																target="_self"> <img class="img-responsive"
																id="Designimg"
																src="/News/assets/img/news/${Design.newsImg}"
																alt="feature-top" />
															</a>
														</div>
														<!-- top_article_img -->

														<span class="tag blue"><a href="category.jsp"
															target="_self">设计</a></span>

														<div class="category_article_title">
															<h2>
																<a
																	href="/News/NewsSingleServlet?newsId=${Design.newsId}"
																	target="_self">${Design.newsHeadline} </a>
															</h2>
														</div>
														<!-- category_article_title -->

														<div class="category_article_date">
															<span class="media-date"><a href="#">${Design.newsDate}</a>,
																作者 <a>${Design.newsAuthor }</a></span>
														</div>
														<!----category_article_date------>
														<!-- category_article_date -->

														<div class="category_article_content">
															${Design.newsIntro}</div>
														<!-- category_article_content -->

														<div class="media_social">
															<span> <a href="#" target="_self"> <i
																	class="fa fa-share-alt"></i>${Design.newsHeat}
															</a> 热度
															</span> <span> <a href="#" target="_self"><i
																	class="fa fa-comments-o"></i>${Design.newsReviewNum}</a> 评论
															</span>
														</div>
														<!-- media_social -->
													</div>
													<!-- category_article_body -->
												</div>
											</c:forEach>
											<!-- col-md-6 -->
										</div>
										<!-- row -->
									</div>
									<!-- category_article_wrapper -->

									<div class="category_article_wrapper">
										<div class="row">
											<div class="col-md-6">
												<div class="category_article_body">

													<!-- media_social -->
												</div>
												<!-- category_article_body -->
											</div>
											<!-- col-md-6 -->

											<div class="col-md-6">
												<div class="category_article_body">

													<!-- media_social -->
												</div>
												<!-- category_article_body -->
											</div>
											<!-- top_article_img -->
										</div>
										<!-- top_article_img -->
									</div>
									<!-- top_article_img -->

									<p class="divider">
										<a href="/News/NewsCategoryServlet?newsType=设计">更多精彩新闻&nbsp;&raquo;</a>
									</p>
								</div>
								<!-- Design News Section -->
							</div>
							<!-- Left Section -->

							<div class="col-md-4">
								<div class="widget">
									<div class="widget_title widget_black">
										<h2>
											<a href="blog.jsp">热门新闻</a>
										</h2>
									</div>
									<c:forEach var="RightNewsHeat"
										items="${indexMap.queryRightNewsHeatNumList }">
										<div class="media">
											<div class="media-left">
												<a
													href="/News/NewsSingleServlet?newsId=${RightNewsHeat.newsId}"><img
													class="media-object" id="RightNewsHeatimg"
													src="/News/assets/img/news/${RightNewsHeat.newsImg}" " /></a>
											</div>
											<div class="media-body">
												<h3 class="media-heading">
													<a
														href="/News/NewsSingleServlet?newsId=${RightNewsHeat.newsId}"
														target="_self">${RightNewsHeat.newsHeadline}</a>
												</h3>
												<span class="media-date"><a href="#">${RightNewsHeat.newsDate}</a>,
													作者 <a>${RightNewsHeat.newsAuthor}</a></span>

												<div class="widget_article_social">
													<span> <a href="#" target="_self"> <i
															class="fa fa-share-alt"></i>${RightNewsHeat.newsHeat}
													</a> 热度
													</span> <span> <a href="#" target="_self"><i
															class="fa fa-comments-o"></i>${RightNewsHeat.newsReviewNum}</a>
														评论
													</span>
												</div>
											</div>
										</div>
									</c:forEach>
									<p class="widget_divider">
										<a href="category.jsp" target="_self">更多精彩新闻&nbsp;&raquo;</a>
									</p>
								</div>
								<!-- Popular News -->
								<!-- Advertisement -->

								<div class="widget hidden-xs m30">
									<img class="img-responsive widget_img"
										src="/News/assets/img/news01.png" alt="add_one" width="300px" height="250px"/>
								</div>
								<!-- Reviews News -->

								<div class="widget hidden-xs m30">
									<img class="img-responsive widget_img"
										src="/News/assets/img/news01.png" alt="add_one" width="300px" height="250px"/>
								</div>
								<!-- Advertisement -->

								<div class="widget m30">
									<div class="widget_title widget_black">
										<h2>
											<a href="category.jsp">评论最多</a>
										</h2>
									</div>
									<c:forEach var="NewsReview"
										items="${indexMap.queryNewsReviewNum }">
										<div class="media">
											<div class="media-left">
												<a
													href="/News/NewsSingleServlet?newsId=${NewsReview.newsId}"><img
													class="media-object" id="NewsReviewimg"
													src="/News/assets/img/news/${NewsReview.newsImg}"
													alt="Generic placeholder image" /></a>
											</div>
											<div class="media-body">
												<h3 class="media-heading">
													<a
														href="/News/NewsSingleServlet?newsId=${NewsReview.newsId}"
														target="_self">${NewsReview.newsHeadline}</a>
												</h3>

												<div class="media_social">
													<span><i class="fa fa-comments-o"></i><a href="#">4</a>
														评论</span>
												</div>
											</div>
										</div>
									</c:forEach>
									<p class="widget_divider">
										<a href="category.jsp" target="_self">更多精彩新闻&nbsp;&nbsp;&raquo;
										</a>
									</p>
								</div>
								<!-- Most Commented News -->

								<div class="widget m30">
									<div class="widget_title widget_black">
										<h2>
											<a>关于我们</a>
										</h2>
									</div>
									<div class="widget_body">
										<a></a> <img class="img-responsive left"
											src="/News/assets/img/news01.png"
											alt="Generic placeholder image" />

										<p>科技视界新闻网是一家专注于科技领域报道的在线新闻平台。该网站涵盖了最新的科技发展、创新产品、
											照相机，设计等内容。通过科技视界新闻网，读者可以及时了解全球范围内的科技动态和重要事件</p>

										<p>我们致力于获取及时且准确的消息，网站定期发布深度报道、专题分析、独家采访和技术评论，为读者提供全面的视角和深度的理解。
											无论是关注科技行业动态的专业人士，还是对新技术和创新产生兴趣的普通读者，都能在科技视界新闻网上找到有价值的信息和观点。</p>
									</div>
								</div>
								<!-- Editor News -->

								<div class="widget hidden-xs m30">
									<img class="img-responsive add_img"
										src="/News/assets/img/news01.png" alt="add_one" width="125px" height="125px"/> <img
										class="img-responsive add_img"
										src="/News/assets/img/news01.png" alt="add_one" width="125px" height="125px"/> <img
										class="img-responsive add_img"
										src="/News/assets/img/news01.png" alt="add_one" width="125px" height="125px"/> <img
										class="img-responsive add_img"
										src="/News/assets/img/news01.png" alt="add_one" width="125px" height="125px"/>
								</div>
								<!--Advertisement -->

								<div class="widget m30">
									<div class="widget_title widget_black">
										<h2>
											<a>关于新闻</a>
										</h2>
									</div>
									<div class="widget_body">
										<img class="img-responsive left"
											src="/News/assets/img/news01.png"
											alt="Generic placeholder image" />

										<p>新闻是向公众传播最新事件和信息的媒介。它涵盖了从全球政治、经济到科技、文化和体育等多个领域的重要发展。新闻可以通过多种平台传播，包括电视、广播、报纸、互联网以及社交媒体。
											新闻的核心在于及时性和准确性。优质的新闻报道不仅要迅速提供信息，还要确保信息的真实性和完整性，帮助公众了解世界发生的变化，并对社会有所反馈。</p>

										<p>在数字时代，新闻的传播速度和影响力都得到了极大的增强，人们可以通过智能手机和其他数字设备即时接收到世界各地的新闻。然而，这也带来了信息过载和假新闻的挑战，要求公众和新闻机构都需要具备辨识和处理这些问题的能力。</p>
									</div>
								</div>
								<!--  Readers Corner News -->
								
								<!--Advertisement-->
							</div>
							<!-- Right Section -->
						</div>
						<!-- Row -->
					</div>
					<!-- Container -->
				</section>
				
				<!-- Subscriber Section -->
				<section id="footer_section" class="footer_section">
					<div class="footer_bottom_Section">
						<div class="container">
							<div class="row">
								<div class="footer">
									<div class="col-sm-3">
										<div class="social">
											<a class="icons-sm fb-ic"><i class="fa fa-facebook"></i></a>
											<!--Twitter-->
											<a class="icons-sm tw-ic"><i class="fa fa-twitter"></i></a>
											<!--Google +-->
											<a class="icons-sm inst-ic"><i class="fa fa-instagram">
											</i></a>
											<!--Linkedin-->
											<a class="icons-sm tmb-ic"><i class="fa fa-tumblr"> </i></a>
											<!--Pinterest-->
											<a class="icons-sm rss-ic"><i class="fa fa-rss"> </i></a>
										</div>
									</div>
									<div class="col-sm-6">
										<p>@科技视界新闻网</p>
									</div>
								</div>
							</div>
						</div>
					</div>

				</section>
			</div>
			<!-- #content-wrapper -->
		</div>
		<!-- .offcanvas-pusher -->

		<a href="#" class="crunchify-top"><i class="fa fa-angle-up"
			aria-hidden="true"></i></a>

		<div class="uc-mobile-menu uc-mobile-menu-effect">
			<button type="button" class="close" aria-hidden="true"
				data-toggle="offcanvas" id="uc-mobile-menu-close-btn">
				&times;</button>

		</div>
		<!-- .uc-mobile-menu -->
	</div>
</body>
<!-- #main-wrapper -->
<!-- jquery Core-->
<script src="/News/assets/js/jquery-2.1.4.min.js"></script>
<!-- Theme Script -->
<script src="/News/assets/js/script.js"></script>
<script type="text/javascript">
	function getDayOfWeek(day) {
		return [ '周日', '周一', '周二', '周三', '周四', '周五', '周六' ][day];
	}
	function updateTime() {
		var now = new Date();
		var startDay = getDayOfWeek(now.getDay());
		$(".date").text(startDay);
		$(".time").text(now);
	}
	setInterval(updateTime, 1000);
	updateTime();
</script>
</html>